.main-nav{
  // height: 100%;
  .main-container{
    // display: flex;
    height: 100%;
    // width:100%;
    .layout-main{
      // flex: 1;
      // width: 100%;
      // margin-left: 300px;
      height: 100%;
      overflow:hidden;
      // float: left;
      padding: 0px 20px 0px 10px;
      // height: calc( 100vh - 60px);
      // overflow-y: scroll;
      background-color: #fff;
    }
    .left-nav{
      // flex:0 0 240px;
      // margin-left:-298px;
      display: inline-block;
      min-width: 255px;
      float: left;
      height: 1000px;
      border-right: 1px solid #EAEFF0;
      // height: calc(100vh - 10px);
      background: #fff!important;
      color: #455A74;
      .row{
        margin:0 -1px 0 0px;
        ul{
          // padding: 35px 0 0 24px;
        }
      }
      .card-header{
        color: #455A74!important;
      }
      .marlf25{
        margin-left: 25px;
      }
      // 重置ai-design样式
      .menu .menu__submenu-title{
        padding: 0px 149px 0 24px;
        color:#333;
        background-image:none;
      }
      .menu__submenu-title i {
        margin-right: 10px;
      }
      .menu--vertical .menu__submenu .menu__item {
        padding-left: 50px;
      }
      .menu .menu__item{
        padding: 0px 24px;
      }
      .menu .menu__item i{
        margin-right: 10px;
      }
    }
  }
  .header-nav{
    width: 100%;
    height: 60px;
    background: url('/static/images/osp/navigationbg.png') no-repeat;
    color: #fff;
    .logo{
      width: 300px;
      height: 60px;
      line-height: 60px;
      padding-left: 20px;
      .icon{
        height: 40px;
        display: inline-block;
      }
      span{
        vertical-align: middle;
        margin-left: 10px;
        font-size: 24px;
      }
    }
    .user-info{
      height: 60px;
      line-height: 60px;
      padding-right: 60px;
    }
  }
}
/* 滚动条样式 */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border: 2px solid #C0C1C6;
  background-color: #C0C1C6;
  box-sizing: content-box;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border: 2px solid #E8E9EB;
  width: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background: #E8E9EB;
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
  background-color: #C0C1C6;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 10px;
  // -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #7d7d7d;
}

